﻿
@{ Html.EasyUI().TabStrip()
        .Name("TabStrip")
		.Items(parent => {
            parent.Add()
                .Text("Pure ASP.NET MVC components")
                /* this tab will be opened initially - no need to get it with ajax */
                .Content(@<text>
					<p>
						EasyUI Extensions for ASP.NET MVC is built from the ground up to fully embrace
						the values of the ASP.NET MVC framework - lightweight rendering, clean HTML,
						clear separation of concerns, easy testability - while helping make you more
						productive building MVC views.
					</p>
				</text>)
                .Selected(true);

			parent.Add()
                .Text("Completely Open Source")
				.LoadContentFrom("AjaxView_OpenSource", "TabStrip");
				
            parent.Add()
                .Text("Exceptional Performance")
                .LoadContentFrom("AjaxView_ExceptionalPerformance", "TabStrip");

            parent.Add()
                .Text("Based on jQuery")
                .LoadContentFrom("AjaxView_BasedOnJQuery", "TabStrip");

            parent.Add()
                .Text("Wide Cross-browser support")
                .LoadContentFrom("AjaxView_CrossBrowser", "TabStrip");
		})
		.Render();
}
				
@section HeadContent {

    <style type="text/css">
        #PanelBar .t-content p
        {
            margin: 0;
            padding: 1em;
        }
        
    </style>

}

